<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return{}
  },
  created(){
  },
  mounted () {
      $('#app').bind("scroll",
      function() {
        console.log($('#app').scrollTop())
          if($('#app').scrollTop()>200){
            $('.accountWra .el-table__header-wrapper').addClass('aaa');
            $('.accountWra .el-table__header-wrapper').css({'left':$('.menuList').width()+26-$('#app').scrollLeft(),'width':$('.accountWra').width()});
          }else{
            $('.accountWra .el-table__header-wrapper').removeClass('aaa');
          }
      });
  },
  methods: {
  }
}
</script>

<style>
@import './style/index.scss';
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
  box-sizing: border-box;
  background: #f5f5f5;
  min-width: 960px;
  overflow-x: auto;
  position: relative;
  z-index: 2001;
}
.aaa{
  position: fixed;
  top: 100px;
  z-index: 1;
  left: 226px;
}
</style>
